<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
	<meta name="description" content="TODO"/>
	<title>Polytech Mobile Webmail</title>
	<link type="text/css" rel="stylesheet" href="assets/jquery-mobile/jquery.mobile-1.0a2.min.css" />
	<link type="text/css" rel="stylesheet" href="assets/css/message.css" />
	<script type="text/javascript" src="assets/js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="assets/jquery-mobile/jquery.mobile-1.0a2.min.js"></script>
	<script type="text/javascript" src="assets/js/message.js"></script>
	<script type="text/javascript" src="assets/js/deconnexion.js"></script>
</head>
<body id="body" > 

<div data-role="page" >

	<div data-role="header">
		<h1 >Message</h1>
		<div data-role="fieldcontain" class="place">
			<select name="test" id="test" data-theme="a" onchange="alert('ok');" >
				<option value="titre">R&eacute;pondre</option>
				<option value="repondre">R&eacute;pondre</option>
				<option value="repondre a tous">R&eacute;pondre &agrave; tous</option>
				<option value="transferer">Transf&egrave;rer</option>
			</select>
		</div>		
	</div><!-- /header -->

	<div data-role="content" style="padding-top:1%;">	
		<div >
			<div > <h3 style="margin-top:1%; margin-bottom:1%;">[Off-SI4-10-11] Gr&egrave;ve annonc&eacute;e sur le r&eacute;seau Envibus le 14 Janvier</h3> </div>
			<div data-role="collapsible" data-collapsed="true" class="details" >
				<h5>D&eacute;tails</h5>
				<p style="margin-top: 2%; margin-bottom: 2%;">
					<div ><strong>De : </strong> Ali BEIKBAGHBAN </div>
					<div ><strong>Cc : </strong> Ali BEIKBAGHBAN </div>
					<div ><strong>Bcc : </strong> Ali BEIKBAGHBAN </div>
					<div ><strong>Mail : </strong> beikba@polytech.unice.fr</div>
					<div ><strong>Date : </strong> 00/00/0000 </div>
					<hr />
				</p>
			</div>
			<br class="clear" />
			<div> 
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
				Nulla semper, risus sed varius viverra, arcu sapien dictum lorem, a facilisis eros ligula quis nisi. 
				Fusce bibendum erat sed dui ultricies imperdiet. Duis posuere suscipit purus non interdum. 
				Phasellus in tellus vel odio volutpat consectetur. Phasellus sed enim dui. 
				Donec ac augue lectus, et eleifend diam. Donec interdum velit sit amet turpis interdum a lobortis purus aliquam. 
				Fusce ut gravida leo. Vestibulum id ornare nunc. Suspendisse eget lectus erat. Vivamus interdum elit eget orci eleifend iaculis. 
				Donec laoreet, leo ut congue vehicula, lorem eros molestie risus, in sodales tellus ligula consectetur urna. 
				Mauris a justo nec dolor tincidunt scelerisque nec sed neque. Donec eu est in velit cursus auctor. 
				Quisque quis rutrum sapien. Donec dui augue, luctus sit amet egestas eu, dignissim nec sapien. 
				Sed suscipit nibh sed felis accumsan adipiscing. 
			</div>
			<hr />
			<div class="jointe">
				<h4>Pi&egrave;ces jointes :</h4>
				<span class="telecharger"> Nom de la pi&egrave;ce jointe</span>
				<div data-role="controlgroup" data-type="horizontal" style="position:relative;">
					<a href="index.html" data-role="button">T&eacute;l&eacute;charger</a>
					<a href="index.html" data-role="button">Afficher</a>
				</div>
				<span> Nom de la pi&egrave;ce jointe</span>
				<div data-role="controlgroup" data-type="horizontal">
					<a href="index.html" data-role="button">T&eacute;l&eacute;charger</a>
					<a href="index.html" data-role="button">Afficher</a>
				</div>
			</div>
		</div>
	</div><!-- /content -->

	<div data-role="footer" >
		<div style="float: left; margin-left: 5%;">
			<a href="dossiers.html" data-role="button" data-rel="dialog" data-inline="true" data-transition="pop" >
				<div style="width: 32px; height: 32px; line-height: 32px; text-align: center;">
					<img src="assets/img/dossier.png" alt="Archiver" style="vertical-align: middle;" />
				</div>
			</a>
		</div>
		<div style="float: left; margin-left: 5.6%;">
			<a id="link" onClick="Javascript:verif()"  rel="external">
				<div style="width: 32px; height: 32px; line-height: 32px; text-align: center;">
					<img src="assets/img/corbeille.png" alt="Supprimer" style="vertical-align: middle;" />
				</div>
			</a>
		</div>
		<div style="float: right; margin-right: 5%;">
			<a id="deco" onClick="Javascript:deco()"  rel="external">
				<div style="width: 32px; height: 32px; line-height: 32px; text-align: center;">
					<img src="assets/img/logout.png" style="vertical-align: middle;" alt="Logout" />
				</div>
			</a>
		</div>
		<div style="float: right; margin-right: 5.6%;" class="taille">
			<a href="index.html" data-role="button" data-icon="arrow-u">Options</a>
		</div>
	</div><!-- /footer -->
</div>


</body>
</html>